<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit"/>
<title>女装_韩都衣舍HSTYLE网-韩风快时尚第一品牌购物商城。正品保证，货到付款！</title>
    <link th:href="@{/images/favicon.ico}" href="../images/favicon.ico" rel="shortcut icon"/>
    <link th:href="@{/css/handu_base.css}" href="../css/handu_base.css" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/handu_common.css}" href="../css/handu_common.css" rel="stylesheet" type="text/css"/>
    <link th:href="@{/goods/css/goods.css}"   href="goods/goods.css" rel="stylesheet" type="text/css"/>
    <link th:href="@{/goods/css/jquery.jqzoom.css}" href="../goods/jquery.jqzoom.css" rel="stylesheet" type="text/css"/>
    <link th:href="@{/goods/css/goods_small.css}" href="../goods/goods_small.css" rel="stylesheet" media="screen and (max-width:1200px)" type="text/css"/>
    <script src="../js/jquery-1.9.1.min.js"  th:src="@{/js/jquery-1.9.1.min.js}"></script>
    <script src="../js/jquery-migrate-1.1.0.js"  th:src="@{/js/jquery-migrate-1.1.0.js}"></script>
    <script src="../js/common.js" th:src="@{/js/common.js}"></script>
    <script src="../goods/js/jquery.jqzoom-core.js" th:src="@{/goods/js/jquery.jqzoom-core.js}"></script>
</head>
<body>



<div class="wrap" id="goods">
  <!--面包屑-->
  <div class="hd_crumb">
	<a href=".">您所在的位置</a>
    <code>&gt;</code>
    <a href="search.php">韩都衣舍</a>
    <code>&gt;</code>
    <a href="" class="brand">HSTYLE女装</a>
    <code>&gt;</code>
    <a href="">裤装</a>
    <code>&gt;</code>
    <a href="">短裤</a>
    <code>&gt;</code>
    <span>女装白色韩版通勤时尚中腰纯色涤纶薄款宽松短裤NH4157【韩都衣舍 2014夏装新款】</span>
  </div>
  <!--面包屑 end-->

  <!--商品详情-->
  <div class="detail">
    <!--详细内容-->
    <div class="con">
      <!--图片区域-->
      <div class="gallery">
        <!--品牌名称-->
        <div class="hd_brand">
          <em th:text="${goods.brand.name}"></em>
        </div>
        <!--放大镜-->
        <div class="pro_img">
          <a th:href="@{'http://192.168.1.182:8999'+${goods.goodsPic}}" class="jqzoom" title="商品大图" rel="gal1">
            <img id="masterImage" width="448" th:src="@{'http://192.168.1.182:8999'+${goods.goodsPic}}"/>
          </a>
          <div class="videoplayer"></div>
        </div>
        <!--小图片-->
        <ul class="gallery_nav">
          <li class="video" th:if="${!#strings.isEmpty(goods.goodsVideo)}" th:src="${goods.goodsVideo}"></li>
          <li th:each="album:${albumList}">
            <a href="javascript:void(0);" th:rel="|{gallery: 'gal1', smallimage: 'http://192.168.1.182:8999/${album.picAddress}',largeimage: 'http://192.168.1.182:8999/${album.picAddress}'}|">
              <s></s>
              <img th:src="@{'http://192.168.1.182:8999'+${album.picAddress}}" />
            </a>
          </li>
        </ul>
        <!--放大镜 end-->
        <!--分享 Baidu Button BEGIN -->
        <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
        <span class="bds_more">分享到：</span>
        <a class="bds_qzone"></a>
        <a class="bds_tsina"></a>
        <a class="bds_tqq"></a>
        <a class="bds_renren"></a>
        <a class="bds_t163"></a>
        <a class="shareCount"></a>
        </div>
        <script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=0" ></script>
        <script type="text/javascript" id="bdshell_js"></script>
        <script type="text/javascript">
        document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
        </script>
        <!-- Baidu Button END -->
      </div>
      <!--图片区域 end-->

      <!--信息-->
      <div class="info">
        <!--标题-->
        <div class="title">
            <input type="hidden" id="goodsid" th:value="${goods.id}" />
          <h3 th:text="${goods.name}">这里是${goods.name}</h3>
          <p th:text="${goods.title}">这里是${goods.title}</p>
        </div>
        <!--价格-->
        <div class="price">
          <dl>
            <dt>售价：</dt>
            <dd>￥<del th:text="${goods.shopPrice}">这里是${goods.marketPrice}</del></dd>
          </dl>
          <dl class="sales">
            <dt th:unless ="${goods.ultimatePriceType.description == '用户级别'}" th:text="${goods.ultimatePriceType.description}+'：'">这里是${goods.ultimatePriceType.description}：</dt>
            <dt th:if="${goods.ultimatePriceType.description == '用户级别'}" th:text="${rankName}+'：'">这里是${goods.ultimatePriceType.description}：</dt>
            <dd>￥<span th:text="${#numbers.formatDecimal(goods.ultimatePrice,1,2)}">这里是${data.ultimatePrice}</span><em class="discount" th:unless="${goods.ultimatePriceType.description == '促销价'}" th:text="${#numbers.formatDecimal(goods.ultimateDiscount,1,1)}+'折'">限时特惠</em><em class="discount" th:if="${goods.ultimatePriceType.description == '促销价'}" th:text="${goods.salesPromotionName}">限时特惠</em>
              <span class="vip"><span>会员专享价</span><em></em>
                <div class="vip_con">
                  <!--<p>您目前等级是<b>&nbsp;普通会员&nbsp;</b>享<b class="red" >8.5</b>折优惠</p>
                  <p>您还差2000元，升级成钻石会员，享<b class="red">8</b>折优惠</p>-
                  <p><b ">普通会员：</b>您只需要成功交易一笔订单，就可以享受正价商品<b class="red">9.8</b>折优惠</p>
                  <p><b>黄金会员：</b>您只需要消费500.00元，就可以享受正价商品<b class="red">9.5</b>折优惠</p>
                  <p><b>升级成为白金会员：</b>您只需要消费2000.00元，就可以享受正价商品<b class="red">8.5</b>折优惠</p>
                  <p><b >升级成为钻石会员：</b>您只需要消费5000.00元，就可以享受正价商品<b class="red">8</b>折优惠</p>
                  <p><a href="" target="_blank" class="fr">更多</a></p>-->
                  <p th:each="priceEntry : ${goods.userRankPriceMap}"><b th:text="${priceEntry.key}"></b><b class="red" th:text="| ￥${#numbers.formatDecimal(priceEntry.value,1,1)}元|"></b></p>
                </div>
              </span>
              <div class="dc_time" th:unless="${goods.ultimatePriceType.description == '团购价' or goods.ultimatePriceType.description == '秒杀价' or goods.ultimatePriceType.description == '用户级别'}">
                                      剩余： <b class="red day">1</b>天
                    <b class="red hour">07</b>小时
                    <b class="red hour">57</b>分
                    <b class="red hour">18</b>秒
              </div>
            </dd>
          </dl>
        </div>
        <!--月销量 评价 积分-->
        <ul class="tabl">
          <li style="width:33%">
            <p class="cor brown" th:text="${goods.virtualSales}"></p>
            <p>月销量</p>
          </li>
          <li style="width:33%" >
            <p class="cor blue" >45</p>
            <p>累计评价</p>
            <p class="star"></p>
          </li>
          <li class="last" style="width:33%">
            <p class="cor green">50(待定)</p>
            <p>韩都积分</p>
            <p class="gray">最高可抵商品价10%</p>
          </li>
        </ul>
        <!--尺码 颜色 数量-->
        <div id="main_goods" class="key_attr" th:if="${goods.goodsSizeIdList}">
          <dl>
            <dt>尺&nbsp;&nbsp;&nbsp;&nbsp;码：</dt>
            <dd>
              <ul class="size">
                <li th:each="size:${goods.goodsSizeIdList}" th:utext="${size}+'&lt;s&gt;&lt;/s&gt;'"></li>

               <!-- <li class="on">-->
              </ul>
            </dd>
          </dl>
          <dl th:if="${goods.goodsColorIdList}">
            <dt>颜&nbsp;&nbsp;&nbsp;&nbsp;色：</dt>
            <dd>
              <ul class="color">
                <li th:each="colorPic : ${goods.colorPicList}">
                  <a href="javascript:void(0);" onclick="javascript:trig_col(this);return false;" rel="{gallery: 'gal1', smallimage: 'http://s.handu.com/images/201405/goods_img/1015022_P_1400483014385.jpg',largeimage: 'http://s.handu.com/images/201405/goods_img/1015022_P_1400483014385.jpg'}">
                    <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title=""/>
                    <s></s>
                  </a>
                </li>
              </ul>
            </dd>
          </dl>
          <dl unselectable="on" style="-moz-user-select:none;" onselectstart="return false;">
            <dt>数&nbsp;&nbsp;&nbsp;&nbsp;量：</dt>
            <dd class="num">
              <span class="btn down" onclick="change_num('-1');">-</span>
              <input type="text" class="num" name="num" value="1"/>
              <span class="btn up" onclick="change_num('+1');">+</span>
              <!--库存-->
              <span class="stock" th:unless="${goods.goodsStore == 0}" th:text="'(库存'+${goods.goodsStore}+'件)'">(库存5264件)</span>
              <span class="stock no" th:if="${goods.goodsStore == 0}">(无货)</span>
            </dd>
          </dl>
        </div>
        <!--表单按钮-->
        <div class="btns">
          <a th:unless="${goods.ultimatePriceType.description == '团购价' or goods.ultimatePriceType.description == '秒杀价'}" href="" class="buy">立即购买</a>
          <a th:unless="${goods.ultimatePriceType.description == '团购价' or goods.ultimatePriceType.description == '秒杀价'}" href="" class="add_car"><em></em>加入购物车</a>
          <!--团购-->
          <div th:if="${goods.ultimatePriceType.description == '团购价' or goods.ultimatePriceType.description == '秒杀价'}" class="groups">
            <!--未开始-->
            <span th:if="${goods.secKillGroupBuyZone.description == '即将开始'}" class="btn no_start"></span>
            <!--团购日期-->
            <!--<div class="g_date">
              9月11日<span class="red">16:00</span>开抢
            </div>-->
            <!--未开始 end-->

            <!--已开始-->
            <a th:if="${goods.secKillGroupBuyZone.description == '正在进行'}" href="" class="btn g_buy"></a>
            <!--倒计时-->
            <div class="g_date dc">还剩：
              <span class="red">1</span>天
              <span class="red">11</span>小时
              <span class="red">55</span>分
              <span class="red">55</span>秒
            </div>
            <!--已开始 end-->
            
            <!--卖光了-->
            <!--<span class="btn sell_out"></span>-->
          </div>
          <!--团购 end-->
          <a href="" class="like">收藏（20）</a>
        </div>
        <!--在线客服 手机端-->
        <div class="info_last">
          <ul style="width:45%">
            <li><a href="">在线客服：<span class="sv_icon kf"></span></a></li>
            <li>服务承诺：
                <span class="sv_icon icon1" title="100%正品保证"></span>
                <span class="sv_icon icon2" title="7天无理由退换货"></span>
                <span class="sv_icon icon3" title="安全快速退款"></span>
            </li>
          </ul>
          <ul style="width:54%">
            <li>
              <div class="fr">
                <div class="app fl"></div>
                <div class="txt fl">
                  <p class="title">韩都客户端</p>
                  <p>下单更方便</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
        <!--登录弹框-->
        <div class="common_tc" style="display: none;">
          <h1>登录<em onclick="$(this).parents('.common_tc').hide();"></em></h1>
          <div class="con">
            <ul>
              <li>
			          <label for="username">用户名：</label>
			          <input type="text" id="username" name="username"/>
              </li>
              <li>
                <label for="login_pwd">密　码：</label>
			          <input type="password" id="login_pwd" name="login_pwd" />
			          <span id="tips" class="notice_msg"></span>
              </li>
              <li>
                <input type="submit" name="login_btn" class="login_btn" value="" />
                <a href="" target="_blank" class="blue">免费注册</a>
              </li>
            </ul>
          </div>
        </div>
        <!--购物车弹框 start-->
       <div class="common_tc cart" style="display: none;">
          <h1>该商品已经成功添加到购物车
              <em onclick="$(this).parents('.common_tc').hide();"></em>
              <p>
                <a href="" class="go_cart"></a>
                <a href="" class="go_shop"></a>
              </p>
          </h1>
          <div class="con">
            <p>购买此商品的用户还购买了：</p>
            <ul>
              <li class="mach_box">
	              <a href="" target="_blank" title="">
	                <img src="http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg" alt="" />
	              </a>
	              <p class="name"><a href="" target="_blank">2013春夏新款宽松卫裤大码显瘦小脚哈伦裤</a></p>
	              <p class="price"><em>￥</em>168.00</p>
              </li>
              <li class="mach_box">
	              <a href="" target="_blank" title="">
	                <img src="http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg" alt="" />
	              </a>
	              <p class="name"><a href="" target="_blank">2013春夏新款宽松卫裤大码显瘦小脚哈伦裤</a></p>
	              <p class="price"><em>￥</em>168.00</p>
              </li>
              <li class="mach_box">
	              <a href="" target="_blank" title="">
	                <img src="http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg" alt="" />
	              </a>
	              <p class="name"><a href="" target="_blank">2013春夏新款宽松卫裤大码显瘦小脚哈伦裤</a></p>
	              <p class="price"><em>￥</em>168.00</p>
              </li>
              <li class="mach_box">
	              <a href="" target="_blank" title="">
	                <img src="http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg" alt="" />
	              </a>
	              <p class="name"><a href="" target="_blank">2013春夏新款宽松卫裤大码显瘦小脚哈伦裤</a></p>
	              <p class="price"><em>￥</em>168.00</p>
              </li>
            </ul>
          </div>
       </div>
      <!--购物车弹框 end-->
      </div>
      <!--信息 end-->
    </div>
    <!--看了又看-->
    <div class="see" id="see_mod" unselectable="on" style="-moz-user-select:none;" onselectstart="return false;">
      <h1>看了又看</h1>
      <div class="pros">
        <ul>
          <li class="goods_box" th:each="categorySalesGoods :${categorySalesGoodsList}">
            <a th:href="@{'/goods/'+${categorySalesGoods.id}}" target="_blank" th:title="${categorySalesGoods.name}">
              <img th:src="@{'http://192.168.1.182:8999'+${categorySalesGoods.thumbGoodsPic}}" th:alt="${categorySalesGoods.name}"/>
              <p>￥<span th:text="${categorySalesGoods.showPrice}"></span></p>
            </a>
          </li>
        </ul>
        <div class="btn prev" onclick="transImg_h('see_mod','-1',3)"></div>
        <div class="btn next" onclick="transImg_h('see_mod','+1',3)"></div>
      </div>
    </div>
  </div>

  <!--优惠活动 开始-->
  <div class="active" th:each="activities:${goods.activitiesList}">
    <h1>
      <em>优惠<br />活动</em>
      <b th:text="${activities.activitiesName}">风尚夏日·大牌特惠季</b>
      <span th:text="|${#calendars.format(activities.beginTime,'yyyy年MM月dd日')}-${#calendars.format(activities.endTime,'yyyy年MM月dd日')}|">2014年06月10-2014年06月15日</span>
    </h1>
    <div class="txt">
      <h2 th:text="${activities.activitiesRange.description}">1.全场满减</h2>
      <p th:text="|满${activities.maxAmount}减${activities.methodsExt}|">
        满299-100 满399-150  满499-200 满199包邮
      </p>
    </div>
    <div class="txt">
      <p th:if="${activities.activitiesRange.description}=='以下分类品牌'" th:text="|温馨提示：本次活动只有${activities.brands}参与，仅限${activities.userRank}参与|">
        温馨提示：本次活动<span>只有Hstyle品牌参与</span>，仅限注册会员、普通会员、白金会员、钻石会员参与。
      </p>
      <p th:if="${activities.activitiesRange.description}=='全部商品'" th:text="|温馨提示：本次活动仅限${activities.userRank}参与|">
        温馨提示：本次活动<span>只有Hstyle品牌参与</span>，仅限注册会员、普通会员、白金会员、钻石会员参与。
      </p>
      <p th:if="${activities.activitiesRange.description}=='以下商品'" th:text="|温馨提示：本次活动只有本商品参与,本次活动仅限${activities.userRank}参与|">
        温馨提示：本次活动<span>只有Hstyle品牌参与</span>，仅限注册会员、普通会员、白金会员、钻石会员参与。
      </p>
    </div>
    <!--<div class="txt">
      <h2>2.满赠/换购</h2>
      <p>
        满￥399，可获赠以下商品，满￥299加1元可换购以下商品
        <a href="" target="_blank" class="blue">查看赠品></a>
      </p>
    </div>-->
  </div>
  <!--优惠活动 结束-->
  <!--热门 搭配 商品详情 start-->
  <div class="goods_btm">
    <!--左侧-->
    <div class="goods_fl">
      <!--广告1-->
      <a href="" target="_blank">
        <img src="images/wu1.jpg" alt="" width="100%"/><!--height="240"-->
      </a>
      <!--热门分类-->
      <div class="hot cate" >
        <h1>热门分类</h1>
        <ul>
          <li><a href=""><em>></em>T恤/打底衫</a></li>
          <li><a href=""><em>></em>蕾丝/雪纺衫</a></li>
          <li><a href=""><em>></em>衬衫</a></li>
          <li><a href=""><em>></em>针织衫/毛衣</a></li>
        </ul>
      </div>
      <!--爆款-->
      <div class="hot">
        <h1>爆款TOP10</h1>
        <ul>
          <li class="sc_box" th:each="brandSalesGoods:${brandSalesGoodsList}">
	          <a th:href="@{'/goods/'+${brandSalesGoods.id}}" th:title="${brandSalesGoods.name}" target="_blank">
	            <img th:src="@{'http://192.168.1.182:8999'+${brandSalesGoods.thumbGoodsPic}}" th:alt="${brandSalesGoods.name}" />
	          </a>
	          <p>
	            <span class="price " th:text="${brandSalesGoods.showPrice}">￥82</span>
	            <span class="sales ">销量：<em th:text="${brandSalesGoods.virtualSales}">1931</em></span>
	          </p>
	          <p class="name">
	            <a th:href="@{'/goods/'+${brandSalesGoods.id}}" th:title="${brandSalesGoods.name}" target="_blank" class="tname" th:text="${brandSalesGoods.name}">女装韩版三色修身显瘦舒适创意字母图案短袖撞色T恤DL3252【韩都衣舍 2014夏装新款】</a>
	          </p>
          </li>
        </ul>
      </div>
      <!--人气-->
      <div class="hot">
        <h1>人气TOP10</h1>
        <ul>
          <li class="sc_box" th:each="brandNewGoods:${brandNewGoodsList}">
	          <a th:href="@{'/goods/'+${brandNewGoods.id}}" th:title="${brandNewGoods.name}" target="_blank">
	            <img th:src="@{'http://192.168.1.182:8999'+${brandNewGoods.thumbGoodsPic}}" th:alt="${brandNewGoods.name}" />
	          </a>
	          <p>
	            <span class="price " th:text="${brandNewGoods.showPrice}">￥82</span>
	            <span class="sales ">销量：<em th:text="${brandNewGoods.virtualSales}">1931</em></span>
	          </p>
	          <p class="name">
	            <a th:href="@{'/goods/'+${brandNewGoods.id}}" th:title="${brandNewGoods.name}" target="_blank" class="tname" th:text="${brandNewGoods.name}">女装韩版三色修身显瘦舒适创意字母图案短袖撞色T恤DL3252【韩都衣舍 2014夏装新款】</a>
	          </p>
          </li>
        </ul>
      </div>
      <!--广告2-->
      <a href="" target="_blank" style="margin-top:20px;">
        <img src="images/wu1.jpg" alt="" width="100%"/><!--height="240"-->
      </a>
    </div>
    <!--左侧 end-->
    <!--右侧-->
    <div class="goods_fr">
      <!--搭配-->
      <div class="match">
        <div class="goods_tab">
          <ul>
            <li class="on">搭配更实惠</li>
          </ul>
        </div>
        <!--商品-->
        <div class="mach_con">
          <ul>
            <li class="mach_box">
              <a href="" target="_blank" title="">
                <img src="http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg" alt=""/>
              </a>
              <p class="name"><a href="" target="_blank">2013春夏新款宽松卫裤大码显瘦小脚哈伦裤</a></p>
              <p class="price"><em>￥</em>168.00</p>
              <p class="updt" onclick="$('.mach_box .tc').hide();$('.mach_box .tc').hide();$(this).parents('.mach_box').find('.tc').show();">修改商品信息</p>
              <p class="info">XL/黄色</p>
              <!--弹窗-->
              <div class="tc">
                <em></em>
                <h1>请选择您要的商品信息<em class="fr" onclick="$(this).parents('.tc').hide();"></em></h1>
                <!--尺码 颜色 数量-->
                <div class="key_attr">
                  <dl>
                    <dt>尺&nbsp;&nbsp;&nbsp;&nbsp;码：</dt>
                    <dd>
                      <ul class="size">
                        <li class="on">
                          S
                          <s></s>
                        </li>
                        <li>L<s></s></li>
                        <li>XL<s></s></li>
                        <li>2XL<s></s></li>
                        <li class="no">3XL<s></s></li>
                      </ul>
                    </dd>
                  </dl>
                  <dl>
                    <dt>颜&nbsp;&nbsp;&nbsp;&nbsp;色：</dt>
                    <dd>
                      <ul class="color">
                        <li class="on">
                          <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
                          <s></s>
                        </li>
                        <li>
                          <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
                          <s></s>
                        </li>
                        <li>
                          <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
                          <s></s>
                        </li>
                      </ul>
                    </dd>
                  </dl>
                  <dl unselectable="on" style="-moz-user-select:none;" onselectstart="return false;">
                    <dt>数&nbsp;&nbsp;&nbsp;&nbsp;量：</dt>
                    <dd class="num">
                      <span>1件</span>
                      <!--库存-->
                      <span class="stock">(库存5264件)</span>
                      <span class="stock no">(无货)</span>
                    </dd>
                  </dl>
                </div>
                <!--尺码 颜色 数量 end-->
                <!--按钮-->
                <div class="btns">
                  <input type="submit" name="sure" class="up_btn" value=""/>
                  <a href="javascript:void(0);" onclick="$(this).parents('.tc').hide();" class="blue">取消</a>
				        </div>
              </div>
              <!--弹窗 end-->
            </li>
            <!--搭配商品-->
            <li>
              <em class="plus"></em>
            </li>
            <li class="mach_box">
              <a href="" target="_blank" title="">
                <img src="http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg" alt=""/>
              </a>
              <p class="name">
                <a href="" target="_blank">2013春夏新款宽松卫裤大码显瘦小脚哈伦裤</a>
              </p>
              <p class="price"><input type="checkbox" name="b_mach"/><em>￥</em>168.00</p>
              <p class="updt" onclick="$('.mach_box .tc').hide();$(this).parents('.mach_box').find('.tc').show();">修改商品信息</p>
              <p class="info">XL/黄色</p>
              <!--弹窗-->
              <div class="tc">
                <em></em>
                <h1>请选择您要的商品信息<em class="fr" onclick="$(this).parents('.tc').hide();"></em></h1>
                <!--尺码 颜色 数量-->
                <div class="key_attr">
                  <dl>
                    <dt>尺&nbsp;&nbsp;&nbsp;&nbsp;码：</dt>
                    <dd>
                      <ul class="size">
                        <li class="on">
                          S
                          <s></s>
                        </li>
                        <li>L<s></s></li>
                        <li>XL<s></s></li>
                        <li>2XL<s></s></li>
                        <li class="no">3XL<s></s></li>
                      </ul>
                    </dd>
                  </dl>
                  <dl>
                    <dt>颜&nbsp;&nbsp;&nbsp;&nbsp;色：</dt>
                    <dd>
                      <ul class="color">
                        <li class="on">
                          <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
                          <s></s>
                        </li>
                        <li>
                          <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
                          <s></s>
                        </li>
                        <li>
                          <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
                          <s></s>
                        </li>
                      </ul>
                    </dd>
                  </dl>
                  <dl unselectable="on" style="-moz-user-select:none;" onselectstart="return false;">
                    <dt>数&nbsp;&nbsp;&nbsp;&nbsp;量：</dt>
                    <dd class="num">
                      <span>1件</span>
                      <!--库存-->
                      <span class="stock">(库存5264件)</span>
                      <span class="stock no">(无货)</span>
                    </dd>
                  </dl>
                </div>
                <!--尺码 颜色 数量 end-->
                <!--按钮-->
                <div class="btns">
                  <input type="submit" name="sure" class="up_btn" value=""/>
                  <a href="javascript:void(0);" onclick="$(this).parents('.tc').hide();" class="blue">取消</a>
				        </div>
              </div>
              <!--弹窗 end-->
            </li>
            <li>
              <em class="plus"></em>
            </li>
            <li class="mach_box">
              <a href="" target="_blank" title="">
                <img src="http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg" alt=""/>
              </a>
              <p class="name">
                <a href="" target="_blank">2013春夏新款宽松卫裤大码显瘦小脚哈伦裤</a>
              </p>
              <p class="price"><input type="checkbox" name="b_mach"/><em>￥</em>168.00</p>
              <p class="updt" onclick="$('.mach_box .tc').hide();$(this).parents('.mach_box').find('.tc').show();">修改商品信息</p>
              <p class="info">XL/黄色</p>
              <!--弹窗-->
              <div class="tc">
                <em></em>
                <h1>请选择您要的商品信息<em class="fr" onclick="$(this).parents('.tc').hide();"></em></h1>
                <!--尺码 颜色 数量-->
                <div class="key_attr">
                  <dl>
                    <dt>尺&nbsp;&nbsp;&nbsp;&nbsp;码：</dt>
                    <dd>
                      <ul class="size">
                        <li class="on">
                          S
                          <s></s>
                        </li>
                        <li>L<s></s></li>
                        <li>XL<s></s></li>
                        <li>2XL<s></s></li>
                        <li class="no">3XL<s></s></li>
                      </ul>
                    </dd>
                  </dl>
                  <dl>
                    <dt>颜&nbsp;&nbsp;&nbsp;&nbsp;色：</dt>
                    <dd>
                      <ul class="color">
                        <li class="on">
                          <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
                          <s></s>
                        </li>
                        <li>
                          <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
                          <s></s>
                        </li>
                        <li>
                          <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
                          <s></s>
                        </li>
                      </ul>
                    </dd>
                  </dl>
                  <dl unselectable="on" style="-moz-user-select:none;" onselectstart="return false;">
                    <dt>数&nbsp;&nbsp;&nbsp;&nbsp;量：</dt>
                    <dd class="num">
                      <span>1件</span>
                      <!--库存-->
                      <span class="stock">(库存5264件)</span>
                      <span class="stock no">(无货)</span>
                    </dd>
                  </dl>
                </div>
                <!--尺码 颜色 数量 end-->
                <!--按钮-->
                <div class="btns">
                  <input type="submit" name="sure" class="up_btn" value=""/>
                  <a href="javascript:void(0);" onclick="$(this).parents('.tc').hide();" class="blue">取消</a>
				        </div>
              </div>
              <!--弹窗 end-->
            </li>
            <li>
              <em class="plus"></em>
            </li>
            <li class="mach_box">
              <a href="" target="_blank" title="">
                <img src="http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg" alt=""/>
              </a>
              <p class="name">
                <a href="" target="_blank">2013春夏新款宽松卫裤大码显瘦小脚哈伦裤</a>
              </p>
              <p class="price"><input type="checkbox" name="b_mach"/><em>￥</em>168.00</p>
              <p class="updt" onclick="$('.mach_box .tc').hide();$(this).parents('.mach_box').find('.tc').show();">修改商品信息</p>
              <p class="info">XL/黄色</p>
              <!--弹窗-->
              <div class="tc">
                <em></em>
                <h1>请选择您要的商品信息<em class="fr" onclick="$(this).parents('.tc').hide();"></em></h1>
                <!--尺码 颜色 数量-->
                <div class="key_attr">
				          <dl>
				            <dt>尺&nbsp;&nbsp;&nbsp;&nbsp;码：</dt>
				            <dd>
				              <ul class="size">
				                <li class="on">
				                  S
				                  <s></s>
				                </li>
				                <li>L<s></s></li>
				                <li>XL<s></s></li>
				                <li>2XL<s></s></li>
				                <li class="no">3XL<s></s></li>
				              </ul>
				            </dd>
				          </dl>
				          <dl>
				            <dt>颜&nbsp;&nbsp;&nbsp;&nbsp;色：</dt>
				            <dd>
				              <ul class="color">
				                <li class="on" th:each="sku : ${skuList}">
				                  <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
				                  <s></s>
				                </li>
				                <li>
				                  <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
				                  <s></s>
				                </li>
				                <li>
				                  <img src="http://s.handu.com/images/goods_attr/small/20140612/1402565230307166640.jpg" alt="" title="" />
				                  <s></s>
				                </li>
				              </ul>
				            </dd>
				          </dl>
				          <dl unselectable="on" style="-moz-user-select:none;" onselectstart="return false;">
				            <dt>数&nbsp;&nbsp;&nbsp;&nbsp;量：</dt>
				            <dd class="num">
				              <span>1件</span>
				              <!--库存-->
				              <span class="stock">(库存5264件)</span>
				              <span class="stock no">(无货)</span>
				            </dd>
				          </dl>
				        </div>
				        <!--尺码 颜色 数量 end-->
				        <!--按钮-->
				        <div class="btns">
                  <input type="submit" name="sure" class="up_btn" value=""/>
                  <a href="javascript:void(0);" onclick="$(this).parents('.tc').hide();" class="blue">取消</a>
				        </div>
              </div>
              <!--弹窗 end-->
            </li>
            <!--搭配商品 end-->
            <!--总和-->
            <li>
              <em class="equal"></em>
            </li>
            <li class="total">
              <h1>宽松卫裤套装</h1>
              <p class="price">
                <span>套装价：</span>
                <em>￥</em>168.00
              </p>
              <p class="re_price">
                <span>原价：</span>
                <del>￥218.00</del>
              </p>
              <p class="s_price">
                <span>立省：</span>
                <em>￥100.00</em>
              </p>
              <p>
                <a href="" class="buy_mach">购买套装</a>
              </p>
            </li>
            <!--总和 end-->
          </ul>
        </div>
      </div>
      <!--详情 评论 问题-->
      <div class="goods_con">
        <!--tab头-->
        <div class="goods_tab" id="tab2">
          <ul>
            <li class="on"><a href="#pro_info">商品详情</a></li>
            <li><a href="#comt_info">评论详情<em class="red">(50)</em></a></li>
            <li><a href="#question">常见问题</a></li>
          </ul>
          <a href="javascript:void(0);" onclick="" class="addCart">加入购物车</a>
        </div>
        <!--内容-->
        <div class="detail_con">
          <!--商品详情-->
          <div id="pro_info">
            <ul class="pro_info_attr">
              <li>品牌: HSTYLE女装</li>
              <li>货号：OU4097</li>
              <li>款式: 套头</li>
              <li>袖长: 短袖</li>
              <li>尺码:  S  M  L</li>
              <li>颜色:  白色</li>
            </ul>
            <div class="txt">
              &nbsp;&nbsp;&nbsp;&nbsp;干净质朴的象牙色总能给人一种干练清新的感觉，炎热的夏季，无论在任何时候，穿上一袭象牙色的T，总会有一丝清凉之意。此款T恤，采用视觉上凉爽的浅色系为主基调，不会给人一种闷闷的感觉，清新的卡通印花图案，更是眼前一亮，时尚的插肩袖设计，搭配肩部的豹纹小拼接，尽显女性的优雅魅力。蝙蝠袖设计宽松大方，更加清爽舒适。
            </div>
            <div class="pro_info_con">
              <!--产品信息-->
              <img src="http://s.handu.com/images/201404/body/201404210904333_DF3331.gif"/>
              <table style="font-family: 微软雅黑;color:#666;font-size: 12px;border:solid 1px #ddd;" cellspacing="0" cellpadding="0" width="748" align="center">
					      <tr bgcolor="#f7f7f7">
					        <td width="14%" height="32" style="text-align:center;font-weight:bold;">货号</td>
					        <td>DF3331</td>
					      </tr>
					      <tr>
					        <td height="32" style="text-align:center;font-weight:bold;">尺码</td>
					        <td>M</td>
					      </tr>
					      <tr bgcolor="#f7f7f7">
					        <td height="32" style="text-align:center;font-weight:bold;">颜色</td>
					        <td>象牙白色</td>
					      </tr>
					      <tr>
					        <td height="32" style="text-align:center;font-weight:bold;">成分</td>
					        <td>95%粘纤 5%氨纶</td>
					      </tr>
					      <tr bgcolor="#f7f7f7">
					        <td height="32" style="text-align:center;font-weight:bold;">季节</td>
					        <td>春季 秋季 冬季</td>
					      </tr>
					      <tr>
					        <td height="32" style="text-align:center;font-weight:bold;">专柜价</td>
					        <td>298元</td>
					      </tr>
					    </table>
					    <table style="font-family:微软雅黑;color:#666;font-size:12px;margin-top:20px;" cellspacing="0" cellpadding="0" width="750" align="center">
					      <tr bgcolor="#f7f7f7">
                  <td style="border:solid 1px #ddd;text-align:center;" height="32" class="icon"><em></em><b>面料弹性</b></td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32">无弹性</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32" bgcolor="#d6d6d6">弹性适中</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32">高弹力</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32" class="icon"><em></em><b>厚薄指数</b></td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32">厚款</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32" bgcolor="#d6d6d6">厚度适中</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32">薄款</td>
					      </tr>
					      <tr>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32" class="icon"><em></em><b>版型</b></td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32">紧身</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32">修身</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32" bgcolor="#d6d6d6">宽松</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32" class="icon"><em></em><b>长度</b></td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32">短款</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32" bgcolor="#d6d6d6">长度适中</td>
                  <td style="border:solid 1px #ddd;text-align:center;" height="32">长款</td>
					      </tr>
					    </table>
					    <div class="txt" style="font-size:12px;">
	              <span style="width:80%;display:inline-block;">&nbsp;&nbsp;&nbsp;&nbsp;干净质朴的象牙色总能给人一种干练清新的感觉，炎热的夏季，无论在任何时候，穿上一袭象牙色的T，总会有一丝清凉之意。此款T恤，采用视觉上凉爽的浅色系为主基调，不会给人一种闷闷的感觉，清新的卡通印花图案，更是眼前一亮，时尚的插肩袖设计，搭配肩部的豹纹小拼接，尽显女性的优雅魅力。蝙蝠袖设计宽松大方，更加清爽舒适。</span>
	              <img src="http://s.handu.com/images/201404/body/201404210904338_DF3331.jpg" width="141" height="61" style="float:right;"/>
	            </div>
	            <img src="http://s.handu.com/images/201404/body/201404210904339_DF3331.gif" />
	            <!--产品信息end-->
	            <!--尺码表-->
	            <img src="http://s.handu.com/images/201404/body/2014042109043310_DF3331.gif"/>
	            <div class="txt">
	              <img style="width:198px;height:159px;float:left;" src="http://s.handu.com/images/201404/body/2014042109043311_DF3331.jpg"/>
                <table style="font-family:微软雅黑;color:#666;font-size:12px;float:left;margin-top:50px;" cellspacing="0" cellpadding="0" width="500" align="center" border="0">
		                  <tr align="middle" bgcolor="#484848" style="color:#fff;">
												<td height="25" width="93">
													尺码
												</td>
												<td height="25" width="93">
													领宽
												</td>
												<td height="25" width="93">
													胸围
												</td>
												<td height="25" width="93">
													下摆围
												</td>
												<td height="25" width="93">
													衣长
												</td>
												<td height="25" width="93">
													肩袖长
												</td>
												<td height="25" width="93">
													袖口围
												</td>
												<td height="25" width="93">
													领深
												</td>
											</tr>
											<tr align="middle" bgcolor="#f7f7f7">
												<td height="25" width="93">
													M
												</td>
												<td height="25" width="93">
													20.5
												</td>
												<td height="25" width="93">
													114
												</td>
												<td height="25" width="93">
													88
												</td>
												<td height="25" width="93">
													61
												</td>
												<td height="25" width="93">
													40
												</td>
												<td height="25" width="93">
													28
												</td>
												<td height="25" width="93">
													10.5
												</td>
											</tr>
		            </table>
	            </div>
	            <!--尺码表 end-->
	            <!--试穿记录-->
	            <img src="http://s.handu.com/images/201404/body/2014042109043312_DF3331.gif" _ks_lazy_height="90" _ks_lazy_width="90" />
	            <table style="font-family:微软雅黑;color:#666;font-size:12px;margin-top:20px;" cellspacing="0" cellpadding="0" width="750" align="center" border="0">
                <tr align="middle" bgcolor="#484848" style="color:#fff;">
									<td height="28" width="188">
										尺码
									</td>
									<td height="28" width="188">
										领宽
									</td>
									<td height="28" width="188">
										胸围
									</td>
									<td height="28" width="188">
										下摆围
									</td>
								</tr>
								<tr align="middle">
									<td height="28" width="188">
										DALARE
									</td>
									<td height="28" width="188">
										155/44
									</td>
									<td height="28" width="188">
										76/62/78
									</td>
									<td height="28" width="188">
										S
									</td>
								</tr>
								<tr align="middle" bgcolor="#f7f7f7">
									<td height="28" width="188">
										DALARE
									</td>
									<td height="28" width="188">
										155/44
									</td>
									<td height="28" width="188">
										76/62/78
									</td>
									<td height="28" width="188">
										S
									</td>
								</tr>
	            </table>
	            <!--试穿记录 end-->
	            <!--设计解读-->
	            <img alt="" src="http://s.handu.com/images/201404/body/2014042109043314_DF3331.gif" />
	            <!--设计解读 end-->
            </div>
          </div>
          <!--评论详情-->
          <div id="comt_info">
            <div class="comt-header">
              <!--与描述相符-->
              <div class="comt-score">
                <h4>与描述相符</h4>
                <strong>4.8</strong>
                <p>
                  <span class="star-staue">
                    <em></em>
                  </span>
                </p>
              </div>
              <!--买家印象-->
              <div class="comt-yx">
                <h4>买家印象:</h4>
                <div class="list">
                  <span class="red selected">款式很漂亮
                    <em></em>
                  </span>
                  <span class="red">款式很漂亮
                    <em></em>
                  </span>
                  <span class="red">款式很漂亮
                    <em></em>
                  </span>
                  <span class="red">款式很漂亮
                    <em></em>
                  </span>
                  <span class="red">款式很漂亮
                    <em></em>
                  </span>
                  <span class="green">款式一般
                    <em></em>
                  </span>
                  <span class="green">款式一般
                    <em></em>
                  </span>
                  <span class="green">款式一般
                    <em></em>
                  </span>
                  <span class="green">款式一般
                    <em></em>
                  </span>
                  <span class="green">款式一般
                    <em></em>
                  </span>
                  <span class="green">款式一般
                    <em></em>
                  </span>
                  <span class="green">款式一般
                    <em></em>
                  </span>
                </div>
              </div>
              <!--收缩展开按钮-->
              <span class="sh" unselectable="on" style="-moz-user-select:none;" onselectstart="return false;"></span>
              <!--收缩展开按钮 end-->
            </div>
            <!--大家认为-->
            <div class="think">
              <h4>大家认为</h4>
              <div class="bar">
                <div class="bar-theme">
                  <h5>尺码：</h5>
                  <ol>
                    <li class="ol2" style="width:13%" title="13%">
                      <div class="click-area"></div>
                      <s></s>
                      <span>偏小</span>
                    </li>
                    <li class="ol1" style="width:74%" title="74%">
                      <div class="click-area"></div>
                      <s></s>
                      <span>适合</span>

                    </li>
                    <li style="width:13%" title="13%">
                      <div class="click-area"></div>
                      <s></s>
                      <span>偏大</span>
                    </li>
                  </ol>
                </div>
                <div class="bar-theme last">
                  <h5>色差：</h5>
                  <ol>
                    <li class="ol2" style="width:26%" title="26%">
                      <div class="click-area"></div>
                      <s></s>
                      <span>有色差</span>
                    </li>
                    <li class="ol1" style="width:74%" title="74%">
                      <div class="click-area"></div>
                      <s></s>
                      <span>无色差</span>
                    </li>
                  </ol>
                </div>
              </div>
            </div>
            <div class="tool-bar">
              <span><input type="radio" name="selInfo"/>全部</span>
              <span><input type="radio" name="selInfo"/>4星级以上(8)</span>
              <span><input type="radio" name="selInfo"/>3星级 (10)</span>
              <span><input type="radio" name="selInfo"/>2星级以下 (10)</span>
              <span><input type="radio" name="selInfo"/><em></em>图片(20)</span>
            </div>
            <table>
              <tr>
                <td style="width:44.7%">
                  <div class="comt-txt">
                    <span class="grey">商品：</span>年终大促和朋友一起买了三条牛仔裤，价格实惠，质量都不错哦，牛仔裤版型非常赞，洗了一下一点也不褪色，像我这种产后妈妈穿起来都显瘦哦，非常有型。
                  </div>
                  <div class="comt-img">
                    <ul>
                      <li>
                        <img src="http://s.handu.com/images/201405/thumb_img/1015022_thumb_P_1400483014662.jpg" width="41" height="41"/>
                        <s></s>
                      </li>
                      <li>
                        <img src="http://s.handu.com/images/201405/thumb_img/1015022_thumb_P_1400483002326.jpg" width="41" height="41"/>
                        <s></s>
                      </li>
                      <li>
                        <img src="http://s.handu.com/images/201405/thumb_img/1015022_thumb_P_1400483014662.jpg" width="41" height="41"/>
                        <s></s>
                      </li>
                    </ul>
                    <div class="big-img">
                      <img src="http://s.handu.com/images/201405/thumb_img/1015022_thumb_P_1400483014662.jpg" />
                    </div>
                  </div>
                  <div class="comt-date"><p class="grey">07.10</p></div>
                </td>
                <td style="width:38.5%" class="pro-info">
                  <div class="comt-txt">
                    <p>颜色:<span class="grey">蓝色</span></p>
                    <p>尺寸:<span class="grey">S/155</span></p>
                    <p>身高:<span class="grey">160cm</span></p>
                    <p>体重:<span class="grey">52kg</span></p>
                  </div>
                </td>
                <td style="width:15.7%">
                  <div class="comt-txt">
                    <p>bb@sina.com</p>
                    <p><em class="tp_lv lv1"></em></p>
                  </div>
                </td>
              </tr>
              <tr>
                <td style="width:44.7%">
                  <div class="comt-txt">
                    <span class="grey">商品：</span>年终大促和朋友一起买了三条牛仔裤，价格实惠，质量都不错哦，牛仔裤版型非常赞，洗了一下一点也不褪色，像我这种产后妈妈穿起来都显瘦哦，非常有型。
                  </div>
                  <div class="comt-date"><p class="grey">07.10</p></div>
                </td>
                <td style="width:38.5%" class="pro-info">
                  <div class="comt-txt">
                    <p>颜色:<span class="grey">蓝色</span></p>
                    <p>尺寸:<span class="grey">S/155</span></p>
                  </div>
                </td>
                <td style="width:15.7%">
                  <div class="comt-txt">
                    <p>bb@sina.com</p>
                    <p><em class="tp_lv lv1"></em></p>
                  </div>
                </td>
              </tr>
            </table>
            <!--分页-->
				    <div class="pager">
				      <a href="" class="prev">上一页</a>
				      <span class="current">1</span>
				      <a href="">2</a>
				      <a href="">3</a>
				      <a href="">4</a>
				      <a href="">5</a>
				      <a href="">...</a>
				      <a href="">15</a>
				      <a href="" class="next">下一页</a>
				      <form>
				        <span>共10条评论</span>
				      </form>
				    </div>
				    <!--分页 end-->
				    <!--广告-->
				    <a herf="" target="_blank">
              <img src="images/wu2.jpg" alt="" width="1000"/>
				    </a>
				    <!--猜你喜欢-->
				    <div class="catgry_goods_mod" id="mod1">
				      <h1><span class="fl">猜你喜欢</span></h1>
				      <div class="con">
				        <ul>
				            <!--item1-->
				            <li class="cat_user_box" th:each="categoryNewGoods: ${categoryNewGoodsList}">
				              <a th:href="@{'/goods/'+${categoryNewGoods.id}}" target="_blank" th:title="${categoryNewGoods.name}">
				                <img th:src="@{'http://192.168.1.182:8999/'+${categoryNewGoods.longGoodsPic}}" th:title="${categoryNewGoods.name}" th:alt="${categoryNewGoods.name}" />
				              </a>
				              <ul>
				                <li class="name">
				                  <a th:herf="@{'goods/'+${categoryNewGoods.id}}" target="_blank" th:text="${categoryNewGoods.name}">韩都衣舍韩版2014春装新款女装七分袖连衣裙</a>
				                </li>
				                <li class="price">
				                  <span class="price_name">售价：</span>
				                  <span class="arrow">￥</span>
				                  <span class="new_price" th:text="${categoryNewGoods.showPrice}">159.00</span>
				                </li>
				              </ul>
				            </li>
				            <!--item1 end-->
				          </ul>
				       </div>
				    </div>
				    <!--猜你喜欢 end-->
          </div>
        </div>
      </div>
      <!--详情 评论 问题 end-->
    </div>
    <!--右侧 end-->
  </div>
  <!--热门 搭配 商品详情 end-->
</div>
 <script th:inline="javascript">
/*<![CDATA[*/
  $(function(){
  	/*放大镜*/
  	$(".jqzoom").jqzoom({
      zoomType: 'standard',
      alwaysOn : false,
      zoomWidth: 448,
      zoomHeight:448,
      position:'right',
      xOffset: 10,
      yOffset:0,
      showEffect :'fadein',
      hideEffect:'fadeout'
  	});
  	/*小图 事件*/
  	$('#goods .detail .con .gallery .gallery_nav a').click(function(){
      $('.videoplayer').hide();
    });
    /*动态加载视频*/
    $('#goods .detail .con .gallery .gallery_nav li.video').click(function(){
      var _vsrc='{$goods.goods_video}';
      if($(".videoplayer embed").length==0){
        $(".videoplayer").html('<embed src="'+_vsrc+'" allowFullScreen="true" quality="high" width="448" height="448" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>');
      }
      $(".videoplayer").show();
    });

    /*tab选项卡 固定*/
    var fix_top = $("#tab2").offset().top;
    var fix_left =$("#tab2").offset().left;
    $(window).scroll(function(){
      var currentTop = document.documentElement.scrollTop||document.body.scrollTop;
      if(currentTop>fix_top){
     	  $("#tab2").addClass("tabFix");
     	  $("#tab2").css('left',fix_left);
     	}else{
     		$("#tab2").removeClass("tabFix");
     		$("#tab2").removeAttr('style');
     	}
    });
    /*tab选项卡点击事件*/
    $("#tab2 li>a").click(function(){
      $(this).parent().addClass("on").siblings().removeClass("on");
      $(window).trigger("scroll");
    });
    /*评论详情 星星分数*/
    var wth = Number($("#comt_info .comt-header .comt-score .star-staue").width());
    var score = parseFloat($("#comt_info .comt-header .comt-score strong").html())/5;
    $("#comt_info .comt-header .comt-score .star-staue>em").width(wth*score+"px");
    /*买家印象 点击事件*/
    $("#comt_info .comt-header .comt-yx .list>span").each(function(){
      $(this).click(function(){
        $(this).addClass("selected").siblings().removeClass("selected");
      });
    });
    /*买家印象 收缩展开*/
    $("#comt_info .comt-header .sh").click(function(){
      if($(this).hasClass("show")){
        $(this).parent().find(".comt-yx").height("95px");
        $(this).removeClass("show");
      }else{
        $(this).parent().find(".comt-yx").css("height","auto");
        $(this).addClass("show");
      }
    });
    /*图片评论 图片收放*/
    $("#comt_info table td .comt-img li").each(function(){
      $(this).click(function(){
        if($(this).hasClass("small")){//当图片放大状态即鼠标为缩小镜时
          $(this).removeClass("on");
          $(this).removeClass("small");
          $(".big-img").hide("slow");
        }else{
          $(this).addClass("on").siblings().removeClass("on");
          $(this).addClass("small").siblings().removeClass("small");
          var imgsrc = $(this).find("img").attr("src");
          $(".big-img").show("slow");
          $(".big-img").find("img").attr("src",imgsrc);
        }

      });
      /*全部分类事件*/
      $("#header_md .nav_main .bar .all").hover(function(){
        $(this).addClass("show_cate");
      },function(){
        $(this).removeClass("show_cate");
      });
    /**********************************************************/
      /*尺码 颜色*/
    $("#goods .key_attr dl dd ul li").bind("click",function(){

    	if(!$(this).hasClass("no")){
            $(this).addClass("on").siblings().removeClass("on");
    	}

    });

    $("#goods .key_attr dl dd ul li").bind("click",function(){

        var $size = $("#main_goods .size li[class='on']");
        var $color =$("#main_goods .color li[class='on']");

        alert("id====>" + $("#goodsid").val());
//        alert("颜色====>" + $color.attr("alt"));
//        alert("尺寸====>" + $size.text())
        alert($size.size());
        alert($color.size());




        if($color.size() > 0 && $size.size() > 0) {
            $.ajax({
                url: '/goods/checksku',
                type: 'post',
                data: {'goodsid':$("#goodsid").val(),'color': $color.attr("alt"),'size':$size.text()},
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                error: function () {
                    alert('出错');
                },
                success: function (data) {
                    alert("已返回:库存是=====>"+data);
                }
            });
        }

    });

    /**********************************************************/






    });
    $(".big-img img").click(function(){
      $(this).parent().hide("slow");
      $("#comt_info table td .comt-img li").removeClass("on");
    });
  });
  /*数量*/
  function change_num(index){
  	var newNum = Number($("#goods .detail>.con .info .key_attr dl dd.num input").val())+Number(index);
  	if(newNum==0){
  		newNum = 1;
  	}
  	$("#goods .detail>.con .info .key_attr dl dd.num input").val(newNum);
  }
  /*看了又看*/
  var oldIndex = 0;
  function transImg_h(obj,index,sum){

  var len = $("#"+obj+" .goods_box").length;
  if(len<=sum){
    return false;
  }
  var lw = $("#"+obj+" .pros").height();
  if(index=='+1'){
    $("#"+obj+" .pros>ul").stop().animate({"margin-top":-lw+"px"},500,function(){
    for(var i=0;i<sum;i++){
      var $li = $("#"+obj+" .pros>ul>li").eq(0);
      $("#"+obj+" .pros>ul").append($li);
    }
    $("#"+obj+" .pros>ul").css({"margin-top":"0px"});
   });
  }else{
    $("#"+obj+" .pros>ul").css({"margin-top":-lw+"px"});
    for(var i=0;i<sum;i++){
      var $li = $("#"+obj+" .pros>ul>li").eq(len-1);
      $("#"+obj+" .pros>ul").prepend($li);
    }
    $("#"+obj+" .pros>ul").stop().animate({"margin-top":"0px"},500);
  }
}
/*搭配弹出框 复选框*/
$("#goods .mach_box input[name='b_mach']").click(function(){
	if($(this).prop("checked")){
    $('.mach_box .tc').hide();
		$(this).parents('.mach_box').find('.tc').show();
	}
});
/*颜色图片点击事件*/
function trig_col(obj){//由于颜色中有a标签 会覆盖掉父类点击事件
  $(obj).parent().trigger("click");
}



/*]]>*/
</script>

</body>
</html>